$red:     #FF483A; //#FF453A;
$orange:  #F08D24; //#FF9F0A;
$yellow:  #FFD60A; //#E69900;
$lime:    #01FF70;
$green:   #46A609; //#30D158;
$olive:   #3D9970;
$teal:    #008080; //Need to find a better teal
$aqua:    #7FDBFF; //#1CC3E8;
$cyan:    #1CC3E8; //#80FFF4;
$indigo:  #5E5CE6; 
$blue:    #0074D9; //#0A84FF; 
$navy:    #001f3f;
$maroon:  #85144b;
$fushia:  #F012BE;
$purple:  #BF5AF2; 
$pink:    #FF375F; //#A2777A; 

/*============================================================================*
	CSS CLASSES
/*============================================================================*/

.red::before	{ color: $red; }
.orange::before	{ color: $orange; }
.yellow::before	{ color: $yellow; }
.lime::before	{ color: $lime; }
.green::before	{ color: $green; }
.olive::before	{ color: $olive; }
.teal::before	{ color: $teal; }
.aqua::before	{ color: $aqua; }
.cyan::before	{ color: $cyan; }
.indigo::before	{ color: $indigo; }
.blue::before	{ color: $blue; }
.navy::before	{ color: $navy; }
.maroon::before	{ color: $maroon; }
.fushia::before	{ color: $fushia; }
.purple::before	{ color: $purple; }
.pink::before	{ color: $pink; }

:root {
	--red: $red;
	--orange: $orange;
	--yellow: $yellow;
	--lime: $lime;
	--green: $green;
	--olive: $olive;
	--teal: $teal;
	--aqua: $aqua;
	--cyan: $cyan;
	--indigo: $indigo;
	--blue: $blue;
	--navy: $navy;
	--maroon: $maroon;
	--fushia: $fushia;
	--purple: $purple;
	--pink: $pink;
}